<template>
<!-- 用户反馈 -->
    <div class="Lo_userfeedback">
        <header class="Lo_userfeedback_header">
            <!--点击事件-->
            <img @click='Lo_userfeedback_to_back' class="Lo_userfeedback_to_back" src="../../../static/imgs/return.png"/>
            <p class="user_p">意见反馈</p>
            <p></p>
        </header>
        <main class="Lo_userfeedback_main">
            <section class="Lo_userfeedback_section01">
                <input type="text" placeholder="请填写您的意见和建议" />
            </section>
            <section class="Lo_userfeedback_section02">
                <p>此页面用于产品反馈意见收集。如需咨询客服，请直接客服电话联系。</p>
            </section>
            
            <section class="Lo_userfeedback_section03">
                <!--提交事件--> 
                <button class="Lo_userfeedback_btn">提&nbsp;&nbsp;交</button>
            </section>
        </main>
    </div>
</template>
<script>
    export default {
        name:'Lo_userfeedback',
        methods:{
        Lo_userfeedback_to_back:function(){
            this.$router.go(-1)
        }
    }

    }
</script>
<style scoped lang='less'>
    .PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}

.Lo_userfeedback_header{
    .PxToRem(height,88);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../../../static/imgs/Reg_serve_bg01.jpg);
    padding-left: 2%;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    .PxToRem(font-size,35);
    img{
          .PxToRem(width,55);
          .PxToRem(height,53);
        }
    .user_p{
      .PxToRem(margin-left,-50);
    }
    
   
}
.Lo_userfeedback_main{
    width: 88%;
    .PxToRem(padding-top,88);
    padding: 0 6%;
    background: #f0f2f5;
    position: fixed;
    .PxToRem(top,88);    
    bottom: 0;
    .Lo_userfeedback_section01{
        input{
           width: 100%;
           padding-left: 1%;
          .PxToRem(padding-top,20);
          .PxToRem(padding-bottom,430);
          .PxToRem(font-size,40);
          .PxToRem(margin-top,50);
          .PxToRem(font-size,32);
          border: none;
        }
    }
    .Lo_userfeedback_section02{
        p{
            .PxToRem(padding-top,50);
            .PxToRem(line-height,40);
            .PxToRem(padding-bottom,100);
            .PxToRem(font-size,28);
            color: #9a9a9a;
        }
    }
    .Lo_userfeedback_section03{
        button{
            width: 100%;
            .PxToRem(height,100);
            background: #1CC6A3;
            border: none;
            .PxToRem(border-radius,30);
            color: #fff;
           .PxToRem(font-size,35);
        }
    }
}
</style>











